<!--
 * @Descripttion: 
 * @version: @ 1.0.0
 * @Author: 朱江洲
 * @Date: 2021-12-21 13:37:40
 * @LastEditors: 朱江洲
 * @LastEditTime: 2021-12-23 15:17:13
-->
<template>
  <div>
    <el-dialog title="会员提示" :visible.sync="dialog.isVipTip" width="40%">
      <div class="content">
        <div class="img">
          <img src="../../assets/images/tipImg.jpg" alt="" />
        </div>
        <div class="tip">提示</div>
        <div class="tipMsg">
          该功能需要开通会员才能使用.您的会员使用期已过,联系客服
          购买会员即可使用
        </div>
        <el-button type="primary" size="default" @click="qrShow"
          >联系客服</el-button
        >
      </div>
    </el-dialog>
    <cs-qr :dialog="dialog"></cs-qr>
  </div>
</template>

<script>
import csQr from "../csQr/index.vue";
export default {
  props: {
    dialog: {
      type: Object,
      required: true,
    },
  },
  components: {
    csQr,
  },
  data() {
    return {
 
    };
  },
  methods: {
    // 联系客服
    qrShow() {
      this.dialog.csQrShow = true;
    },
  },
};
</script>

<style lang="less" scoped>
.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .tip {
    font-size: 24px;
  }
  .img {
    width: 100px;
    height: 100px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .tipMsg {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 40px;
  }
}
</style>